@charset "utf-8"; 
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{ margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
table{ border-collapse:collapse; border-spacing:0px; font-family:"微软雅黑";}
*{ margin:0px; padding:0px; list-style-type:none;}
a{ text-decoration:none; font-family:"微软雅黑"; color:#333;}
a:hover{ text-decoration:underline; font-family:"微软雅黑";}
body,html{ width:100%; height:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
img{ border:none; vertical-align:top; max-width:100%; display:block;} 
.clear{ clear:both;}

.one{ width:100%; margin:auto; background:url(../images/2020-1.png) 50% no-repeat; height:232px;}
.top{ width:1200px; margin:auto;}
.top h2{ width:1200px; margin:auto; font-size:16px; color:#fff; line-height:36px; font-weight:normal;}
.top h3{ width:1200px; margin:auto; font-size:16px; color:#fff; line-height:36px; font-weight:normal;}
.top ul{ width:1200px; margin:auto;}
.top ul li{ width:130px; float:left; text-align:center; font-size:20px; margin-top:157px;}
.top ul li a{ color:#333;}
.top ul li a:hover{ color:#ffe26a; text-decoration:none;}

/* flexslider */
.flexslider{ position:relative; height:600px; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin-top:10px;}
.slides{ position:relative; z-index:1;}
.slides li{ height:600px;}
.flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{ background-position:0 0;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%;}
.flex-direction-nav li a{ display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat;}

.two{ width:100%; margin:auto; background:url(../images/2.png) 50% no-repeat; height:1117px;}
.guanyu{ width:1110px ; margin:auto;}
.guanyu p{ margin-top:73px; float:right; width:670px; text-indent:2em; font-size:15px; line-height:36px;}
.guanyu p a{ color:#555;}
.guanyu p a:hover{ text-decoration:none; color:#999;}
.guanyu h4{ width:177px; height:40px; background:#ffe26a; text-align:center; margin-top:45px; float:left; font-size:18px; font-weight:normal; line-height:40px; margin-left:439px;}
.guanyu h4 a{ color:#777;}
.guanyu h4 a:hover{ text-decoration:none; color:#333;}
.tit{ width:578px; margin:auto; padding-top:56px;}
.tit h3{ width:300px; text-align:center; font-size:24px; margin:auto; color:#333;}
.titleft{ float:left; margin-top:16px;}
.titright{ float:right; margin-top:-15px;}
.tit span{ color:#ffe26a; margin-left:10px; margin-right:10px; text-align:center;}

.chanpin{ width:1110px ; margin:auto;}
.chanpin h4{ width:1110px ; margin:auto; text-align:center; margin-top:42px;}
.chanpin h4 a{ margin-left:30px; margin-right:30px; font-size:18px; color:#777; font-weight:normal;}
.chanpin h4 a:hover{ color:#ffe26a;}
.titcp{ width:665px; margin:auto; padding-top:79px;}
.titcp h3{ width:374px; text-align:center; font-size:24px; margin:auto; color:#333;}
.titleft{ float:left; margin-top:16px;}
.titright{ float:right; margin-top:-15px;}
.titcp span{ color:#ffe26a; margin-left:10px; margin-right:10px; text-align:center;}
/* product_list */
.lanren{ width:1200px; margin:auto; height:auto; overflow:hidden; padding-top:30px;}
.lanren li{ border:1px solid #ccc; width:268px; height:auto; overflow:hidden; margin:3px; float:left; cursor:pointer; padding-bottom:0px;}
.lanren li:hover{ border:1px solid #ffe26a;}
.lanren li img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; z-index:33; position:relative;}
.lanren li:hover img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); -webkit-transition:all 2s ease; -moz-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease;}
.lanren li h3{ height:34px; text-align:center; padding-top:23px; z-index:999; background:#fff;}
.lanren li h3 a{ font-size:16px; color:#666;}
.lanren li h3 a:hover{ color:#999; text-decoration:none;}
.chanpin h5{ width:177px; height:40px; background:#ffe26a; text-align:center; margin-top:40px; float:left; font-size:18px; font-weight:normal; line-height:40px; margin-left:464px;}
.chanpin h5 a{ color:#777;}
.chanpin h5 a:hover{ text-decoration:none; color:#333;}

.three{ width:100%; margin:auto; background:url(../images/3.png) 50% no-repeat; height:1111px;}
.news{width:1200px;margin:auto;}

.news_left{ width:460px; float:left; margin-left:55px; margin-top:340px;}
.news_left h3{}
.news_left h3 a{ font-size:16px; color:#333;}
.news_left h3 a:hover{}
.news_left span{ font-size:12px; color:#999;}
.news_left p{ text-indent:2em;}
.news_left p a{ color:#333;}
.news_left p a:hover{}

.titxw{width:635px;margin:auto;padding-top:32px;text-align: center;}
.titxw h3{width:300px;text-align:center;font-size:24px;margin:auto;color:#333;}
.titleft{ float:left; margin-top:16px;}
.titright{ float:right; margin-top:-15px;}
.titxw span{ color:#ffe26a; margin-left:10px; margin-right:10px; text-align:center;}

.news ul{ float:right; width:590px; margin-top:0px; margin-right:30px;}
.news ul li{ margin-top:30px; color:#999;}
.news ul li h3{ text-decoration:none;}
.news ul li h3 a{ color:#333; font-size:16px;}
.news ul li h3 a:hover{ color:#999; text-decoration:none;}
.news ul li span{ font-size:12px; line-height:25px;}
.news ul li p{ text-decoration:none;color:#999; font-size:14px;}
.news ul li p:hover{ color:#333; text-decoration:none;}
.news ul li p a{ color:#999; font-size:14px;}
.news ul li p a:hover{ color:#333; text-decoration:none;}
.news h5{ width:177px; height:40px; background:#ffe26a; text-align:center; margin-top:80px; float:left; font-size:18px; font-weight:normal; line-height:40px; margin-left:510px;}
.news h5 a{ color:#777;}
.news h5 a:hover{ text-decoration:none; color:#333;}

.tital{ width:635px; margin:auto; padding-top:25px; text-align:center;}
.tital h3{ width:300px; text-align:center; font-size:24px; margin:auto; color:#333;}
.titleft{ float:left; margin-top:16px;}
.titright{ float:right; margin-top:-15px;}
.tital span{ color:#ffe26a; margin-left:10px; margin-right:10px; text-align:center;}
.related{ width:1200px; margin:auto; padding-top:20px;}
#cpdemo{ overflow:hidden; width:1200px;}
#cpindemo{ float:left; width:800%;}
#cpdemo1{ float:left;}
.scroll-2{ display:block; float:left;  margin-left:15px;}
.scroll-2 img{  display:block; height:240px; width:240px; border:solid 1px #ccc;}
.scroll-2 span{ display:block; text-align:center; width:152px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scroll-2 p{ text-align:center;}
.scroll-2 p a{ text-align:center;}
#cpdemo2{ float:left;}
#acpdemo1{ float:left;}
#acpdemo2{ float:left;}
#bcpdemo1{ float:left;}
#bcpdemo2{ float:left;}
#ccpdemo1{ float:left;}
#ccpdemo2{ float:left;}
.bottom{ width:100%; height:257px; background:url(../images/2020-footer.png) 50% no-repeat; margin-top:-77px;}
.footer{ width:1100px; margin:auto;}
.link{ color:#d4d4d4; padding-top:12px;}
.link h3{ color:#d4d4d4; margin-bottom:22px;}
.link span{ color:#d4d4d4;}
.link a{ color:#d4d4d4; margin-right:15px;}
.link a:hover{ color:#ffe26a; text-decoration:none;}

.foot_left{ color:#d4d4d4; width:395px; float:left; margin-top:25px;}
.foot_left ul{ width:390px;}
.foot_left ul li{ line-height:24px;}
.foot_left p{ margin-top:8px; line-height:24px;}

.foot_lianxi{ width:322px; float:left; margin-left:86px; margin-top:25px;}
.foot_lianxi p{ font-size:24px; color:#df0019;}
.foot_lianxi h3{ color:#999; line-height:26px;}
.foot_lianxi h4{ margin-left:56px; font-size:18px; line-height:90px;}
.foot_lianxi h4 a{ color:#343434;}
.foot_lianxi h4 a:hover{ color:#ffe26a; text-decoration:none;}

/* neiye */
.neibanner{ width:100%; background:url(../images/neibanner.png) 50% no-repeat; height:384px;}
.foot{ width:100%; height:217px; background:url(../images/2020-foot.png) 50% no-repeat; margin-top:50px;}
.footer_lianxi{ width:322px; float:left; margin-left:86px; margin-top:45px;}
.footer_lianxi p{ font-size:24px; color:#df0019;}
.footer_lianxi h3{ color:#999; line-height:26px;}
.footer_lianxi h4{ margin-left:56px; font-size:18px; line-height:114px;}
.footer_lianxi h4 a{ color:#343434;}
.footer_lianxi h4 a:hover{ color:#ffe26a; text-decoration:none;}
/*css fanye*/
div.jogger{padding:20px;margin:20px;font-family:"微软雅黑"; text-align:center;}
div.jogger a{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#999;background-color:#ffe26a;text-decoration:none;}
div.jogger a:hover{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#F37672;}
div.jogger a:active{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff;background-color:#F37672;}
div.jogger span.current{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#6d643c;background-color:#ffe26a;}

.titnei{ width:680px; margin:auto; padding-top:20px; padding-bottom:25px;}
.titnei h3{ width:355px; text-align:center; font-size:24px; margin:auto; color:#333;}
.titleft{ float:left; margin-top:16px;}
.titright{ float:right; margin-top:-15px;}
.titnei span{ color:#ffe26a; margin-left:10px; margin-right:10px; text-align:center;}

.xiangguancp{ width:1200px; margin:auto; border-bottom:solid 1px #ffe26a; margin-top:30px; height:36px;}
.xiangguancp h3{ width:200px; text-align:center; height:36px; line-height:36px; float:left; display:block; background:#ffe26a; font-size:20px; font-weight:normal; color:#555;}
.xiangguancp span{ float:right; line-height:36px;}
.xiangguancp span a{ font-size:14px; color:#999;}
.xiangguancp span a:hover{ color:#333; text-decoration:none;}

/* guanyu_about */
.about{ width:1200px; margin:auto;}
.ab_top{ margin-top:55px;}
.ab_top p{ width:700px; float:left; line-height:36px; font-size:16px; color:#333;}
.abt_pic{ float:left !important; text-align:left;}
.ab_top h3{ float:left; width:600px; text-align:left; margin-top:-45px; margin-left:50px; font-size:24px; color:#555;}
.ab_top img{ float:right; margin-top:-47px;}

.ab_left{ margin-top:45px;}
.ab_left img{ float:left;}
.abl_tit{ width:350px; float:right; margin-top:45px;}
.abl_tit h3{ font-size:22px; color:#333; font-weight:normal;}
.abl_tit p{ text-indent:2em; line-height:30px; color:#999; margin-top:15px;}
.abl_tit span{ line-height:36px; border:1px #666 solid; width:106px !important; height:36px; display:block; text-align:center; margin-top:20px;}
.abl_tit span:hover{ border:1px #ffe26a solid; width:106px !important; height:36px; display:block;}
.abl_tit span a{ color:#666;}
.abl_tit span a:hover{ color:#000; text-decoration:none;}

.ab_right{ margin-top:45px;}
.ab_right img{ float:right;}
.abr_tit{ width:350px; float:left; margin-top:45px;}
.abr_tit h3{ font-size:22px; color:#333; font-weight:normal;}
.abr_tit p{ text-indent:2em; line-height:30px; color:#999; margin-top:15px;}
.abr_tit span{ line-height:36px; border:1px #666 solid; width:106px !important; height:36px; display:block; text-align:center; margin-top:20px;}
.abr_tit span:hover{ border:1px #ffe26a solid; width:106px !important; height:36px; display:block;}
.abr_tit span a{ color:#666;}
.abr_tit span a:hover{ color:#000; text-decoration:none;}

/* zhaoxiannashi */
.zhaoxiannashi{ width:1100px; margin:auto; margin-bottom:20px; line-height:36px;}
.zhaoxiannashi ul{ width:1100px; margin:auto;}
.zhaoxiannashi ul li{ width:1100px; margin-bottom:15px; border-bottom:dashed 1px #777;}
.zhaoxiannashi ul li span{ float:right; height:40px; width:80px; display:block; background:#ffe26a; text-align:center; margin-top:-50px;}
.zhaoxiannashi ul li span a{ color:#777; line-height:40px;}
.zhaoxiannashi ul li span a:hover{}
.zhaoxiannashi ul li h3{ line-height:normal;}
.zhaoxiannashi ul li h3 a{ font-size:16px; color:#555;}
.zhaoxiannashi ul li h3 a:hover{ color:#333; text-decoration:none;}
.zhaoxiannashi ul li p{ text-indent:2em;}
.zhaoxiannashi ul li p a{ color:#333;}
.zhaoxiannashi ul li p a:hover{ text-decoration:underline;}

/* rencaizhaopin */
.pro_top{ width:1100px; margin:auto ;background:#777; height:45px; border-radius:20px;}
.pro_top h4{ width:1110px; margin:auto; text-align:center; margin-top:20px;}
.pro_top h4 a{/* border:1px #777 solid;*/ width:120px; height:45px; display:block; line-height:45px; margin-left:28px; margin-right:0px; font-size:18px; color:#777; font-weight:normal; float:left;}
.pro_top h4 a:hover{/* border:1px #ffe26a solid;*/ color:#fff; background:#333; display:block; text-decoration:none;}
/* rencaizhaopin_detali */
.nei_zhaopin{ width:1100px; margin:auto;}
.nei_zhaopin h3{ font-size:22px; color:#ffe26a;}
.nei_zhaopin ul{ width:1100px;}
.nei_zhaopin ul li{ width:33%; float:left; border:none;}
.nei_zhaopin p{ line-height:26px; border-top:1px dashed #ffe26a; padding-top:15px;}

/* xinwenzhongxin */
.nei_news{ width:1100px; margin:auto; line-height:36px;}
.fx_news ul li{ width:1100px; margin-bottom:15px; margin-top:10px;}
.fx_news ul li h4{ line-height:normal; font-size:42px;}
.fx_news ul li span{ float:left; height:80px; width:80px; display:block; background:#ccc; margin-right:15px; color:#fff; line-height:6px; text-align:center;}
.fx_news ul li h2{ line-height:normal;}
.fx_news ul li h2 a{ font-size:16px; color:#333;}
.fx_news ul li h2 a:hover{ color:#ffe26a; text-decoration:none;}
.fx_news ul li h3{ line-height:normal;}
.fx_news ul li h3 a{ font-size:16px; color:#333;}
.fx_news ul li h3 a:hover{ color:#ffe26a; text-decoration:none;}
.fx_news ul li p{ text-indent:2em;color:#333;}
.fx_news ul li p:hover{ text-decoration:underline;}
.fx_news ul li p a{ color:#333;}
.fx_news ul li p a:hover{ text-decoration:underline;}
/* xinwenzhongxin_detali */
.newsdeta{ width:1100px; margin:auto; line-height:36px;}
.newsdeta h3{ font-size:22px;}
.newsdeta h1{ font-size:22px; text-align:center;}
.newsdeta .ti{ text-align:center;}
.newsdeta .date{ line-height:36px; font-size:12px; color:#777; background:#eee; height:36px; display:block; padding-left:10px; border:1px solid #ccc;}
.newsdeta p{ font-size:16px; text-indent:2em; line-height:36px;}
.newsdeta img{ margin:auto; text-align:center; margin-top:15px; margin-bottom:15px;}
.newsdeta h4{ font-size:18px; font-weight:normal;}
.newsdeta h4 a{ color:#333;}
.newsdeta h4 a:hover{ color:#ffe26a; text-decoration:none;}

/* gongchenganli */
.fx_case{ width:1200px; margin:auto;}
.fxca_tit{ width:1242px; height:auto;}
.fxca_tit li{ width:370px; float:left; margin-right:40px; margin-top:35px; box-shadow:0 0 20px rgba(0, 0, 0, 0.4); padding-bottom:5px; margin-bottom:10px; display:block; height:390px; border:2px solid #eee;}
.fxca_tit li:hover{ border:2px solid #ffe26a;}
.fxca_tit li img{}
.fxcatit_bo{ z-index:99999; position:relative; margin-top:10px; width:350px;}
.fxcatit_bo h3{ display:block; width:60px; background:#ffe26a; text-align:center; height:36px; line-height:36px; font-size:16px; color:#555; font-weight:normal;}
.fxcatit_bo h2{ width:350px; margin:auto; margin-left:10px; font-size:16px; line-height:26px; font-weight:normal;}
.fxcatit_bo h4{ width:350px; margin:auto; margin-left:10px; font-size:16px; line-height:26px; font-weight:normal;}
.fxcatit_bo p{ width:350px; margin:auto; margin-left:10px; text-indent:2em; color:#999; line-height:24px;}
.fxcatit_bo span{ margin-left:10px; line-height:38px;}
.fxcatit_bo span a{ color:#333; background:#ffe26a; display:block; text-align:center; width:30%;}
.fxcatit_bo span a:hover{ text-decoration:none;}

/* contact */
.contact{ width:1100px; margin:auto;}
.contact ul{ float:left;}
.contact ul h3{ font-size:24px; color:#333; margin-bottom:15px;}
.contact ul li{ line-height:36px;}

/* massage_liuyan*/
.fx_liuyan{width:1100px;margin:auto;}
.send{ width:720px; text-align:left; line-height:36px; float:left;}
.biaod{ float:left; width:735px; height:auto; border:none; text-align:left; line-height:26px; margin:auto; display:block;}
.biaod p{ line-height:30px; height:30px; font-size:14px; color:#333; text-transform:uppercase; letter-spacing:1px;}
.biaod input{ width:710px; height:30px; font-size:16px; padding:0 5px; margin-bottom:10px; box-sizing:border-box; border:1px #000 solid;}
.biaod textarea{ width:710px; height:121px; font-size:16px; padding:0 5px; line-height:30px; border:1px solid #333; margin-bottom:20px; box-sizing:border-box;}
.biaod .ss{ text-transform:uppercase; width:219px; height:45px; background:#000; color:#fff; float:left;}
.massagepic{ float:right !important; margin-top:-30px;}

/* chanpinzhongxin_detali */
.bg{ width:920px; height:475px; margin:0 auto; padding:20px; border:1px solid #bbb; overflow:hidden; min-width:900px; box-sizing:border-box; background:#fff; margin-top:30px;}
.bg_left{ width:430px; height:auto; float:left;}
.bg_right{ float:left;}
.show{ width:430px; height:430px; margin-bottom:10px; position:relative; border:1px solid #E8E8E8; cursor:move;}
.show img{ width:430px; height:430px;}
.mask{ width:215px; height:215px; background:#000; filter:Alpha(opacity=50); opacity:0.5; position:absolute; top:0; left:0; display:none;}
.bigshow{ width:430px; height:430px; overflow:hidden; margin-left:10px; display:none; border:1px solid #E8E8E8;}
.bigshow img{ width:860px; height:860px; margin-right:10px;}
.smallshow{ width:100%; height:70px; position:relative;}
.smallshow img{ width:100%; border:1px solid #e8e8e8; box-sizing:border-box; transition:all 0.5s;}
.smallshow>.middle_box{ margin-left:30px; margin-right:30px; width:370px; overflow:hidden; height:70px;}
.smallshow .middle{ overflow:hidden; transition:all 0.5s; height:70px;}
.smallshow .middle>li{ width:64px; height:64px; float:left; cursor:pointer; padding:0 5px;}
.smallshow>p{ position:absolute; top:50%; width:22px; height:32px; margin-top:-16px;}
.smallshow>.prev{ left:0; background:url(img/hover-prev.png) no-repeat; transition:all 0.5s;}
.smallshow>.next{ right:0; background:url(img/hover-next.png) no-repeat; transition:all 0.5s;}
.smallshow>.prev.prevnone{ left:0;background:url(img/prev.png) no-repeat; cursor:not-allowed;}
.smallshow>.next.nextnone{ right:0;background:url(img/next.png) no-repeat; cursor:not-allowed;}

.product{ width:1100px; margin:auto;}
.fx_pright{ width:350px; float:right; margin-left:70px;}
.pright_atop{ margin-top:20px;}
.pright_atop h1{ font-size:22px; font-weight:normal; line-height:36px;}
.pright_atop h3{ font-size:22px; font-weight:normal;}
.pright_atop p{ text-align:left; font-size:12px; color:#ccc; margin-top:5px; margin-bottom:5px;}
.fx_pright ul{ margin:auto;}
.fx_pright ul li{ float:left; width:100%; text-align:left; line-height:46px; font-size:16px; margin-left:25px;}
.fx_pright h5{ background:url(../images/lianxi.jpg) no-repeat; height:42px; border-bottom:none; padding-left:65px; line-height:42px; margin-left:25px;}
.fx_pright h5 a{ font-size:20px; color:#555; text-decoration:none;}
.fx_pright h5 a:hover{ text-decoration:none; color:#ffe26a;}

.xiangqing{ width:1100px; margin:auto; margin-top:30px;}
.xiangqing_tit{ width:1100px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.xiangqing_tit h3{ width:150px; height:36px; background:#ccc; display:block; line-height:36px; text-align:center; font-size:22px; color:#ffe26a;}
.xiangqing p{ line-height:28px; margin:auto; color:#333; text-indent:2em;}
.xiangqing img{ display:block; text-align:center; margin:auto;}

.product h4{ font-size:18px; font-weight:normal; margin-top:15px;}
.product h4 a{ color:#fff;}
.product h4 a:hover{ color:#fff; background:#333; text-decoration:none;}

.product h6{ font-size:18px; font-weight:normal;}
.product h6 a{ color:#333;}
.product h6 a:hover{ color:#ffe26a; text-decoration:none;}